<script setup lang="ts">

</script>

<template>
  <a-menu mode="horizontal" style="position: fixed">
    <a-sub-menu key="1">
      <template #title>第一章节</template>
      <a-menu-item key="1">
        <router-link to="/">第一个场景</router-link>
      </a-menu-item>
      <a-menu-item key="2">
        <router-link to="/chapter01/2">材质和光照</router-link>
      </a-menu-item>
      <a-menu-item key="3">
        <router-link to="/chapter01/3">材质、光照和动画</router-link>
      </a-menu-item>
      <a-menu-item key="4">
        <router-link to="/chapter01/4">性能监控</router-link>
      </a-menu-item>
      <a-menu-item key="5">
        <router-link to="/chapter01/5">交互控制</router-link>
      </a-menu-item>
      <a-menu-item key="6">
        <router-link to="/chapter01/6">响应窗口变化</router-link>
      </a-menu-item>
    </a-sub-menu>
    <a-sub-menu key="2">
      <template #title>第二章节</template>
      <a-menu-item key="2-1">
        <router-link to="/chapter02/1">基础场景</router-link>
      </a-menu-item>
      <a-menu-item key="2-2">
        <router-link to="/chapter02/2">雾化效果</router-link>
      </a-menu-item>
      <a-menu-item key="2-3">
        <router-link to="/chapter02/3">重写材质</router-link>
      </a-menu-item>
      <a-menu-item key="2-4">
        <router-link to="/chapter02/4">常见几何体</router-link>
      </a-menu-item>
      <!-- <a-menu-item key="5">
        <router-link to="/chapter01/5">交互控制</router-link>
      </a-menu-item>
      <a-menu-item key="6">
        <router-link to="/chapter01/6">响应窗口变化</router-link>
      </a-menu-item> -->
    </a-sub-menu>
    <a-sub-menu key="3">
      <template #title>第三章节</template>
      <a-menu-item key="3-1">
        <router-link to="/chapter03/1">加载FBX</router-link>
      </a-menu-item>
      <!-- <a-menu-item key="3-2">
        <router-link to="/chapter03/2">材质和光照</router-link>
      </a-menu-item> -->
    </a-sub-menu>
    <!-- <a-sub-menu key="4">
      <template #title>第四章节</template>
      <a-menu-item key="4-1">
        <router-link to="/chapter04/1">基础场景</router-link>
      </a-menu-item>
      <a-menu-item key="4-2">
        <router-link to="/chapter04/2">材质和光照</router-link>
      </a-menu-item>
    </a-sub-menu> -->
  </a-menu>
  <router-view/>
</template>

<style scoped>

</style>
